<template>
  <div class="town_top">
    <div class="top_left" style="cursor: pointer;" @click="gohome">
      <div class="HomeStyle">
        <img src="@/assets/images/xctown/回到首页.png" alt="">
        <span>回到首页</span>
      </div>

    </div>
    <h3>全县分析</h3>
    <div class="top_right" />
  </div>
</template>
<script>
export default {
  methods: {
    gohome() {
      this.$router.push('/');
    }
  }
};
</script>
<style lang="scss" scoped>
$vw: 1920px;
@function px2vw($px) {
  @return $px / $vw * 100vw;
}
.town_top {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  .top_left {
    border: 1px solid #1890ff;
border-radius: 3px;
    padding: px2vw(6px) px2vw(50px);
    img {
      vertical-align: middle;
    }
    span {
     color: #1890ff;
      display: inline-block;
      vertical-align: middle;
      font-size: px2vw(16px);
    }
  }
  h3 {
    color:  #576a95;;
    font-size: px2vw(32px);
    margin: 0;
  }
  .top_right {
    margin-left: px2vw(16px);
    width:px2vw(188px);
  }
}
</style>
